<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<jsp:include page="../header.jsp">
	<jsp:param value="分配管理" name="title" />
</jsp:include>
<script type="text/javascript">
	$(function() {
		$('#sidebar').sidebar({
			context : $('#segment')
		}).sidebar('attach events', '#menuItem');

		$('.menu .item').tab();
	});
</script>
</head>
<body>
	<div class="ui top attached demo menu">
		<a class="item" id="menuItem"> <i class="sidebar icon"></i> 菜单
		</a>
	</div>
	<div class="ui bottom attached segment" id="segment">
		<div id="sidebar"
			class="ui inverted labeled icon left inline vertical sidebar menu">
			<a class="item" href="staff?method=forward"> <i class="home icon"></i> 首页
			</a>
		</div>
		<div class="pusher">
			<div class="ui basic segment" >
				<div class="ui top attached tabular menu" id="tab">
					<a class="active item" data-tab="first">分配详情</a> 
					<a class="item" data-tab="second">分配学员</a>
				</div>
				<div class="ui bottom attached active tab segment" data-tab="first">
					<div class="teacher-content">
		<div class="searcher">
			<form>
				<div class="ui form">
					<div class="fields" id = "find">
							<div class="field">
							<label>咨询师</label>
					        <input type="text" name="allotName" value="${param.allotName }"> 
					        </div>
					     	<div class="field">
							<label>&nbsp;</label>
							<button class="ui submit button">
							<i class="search icon"></i>
							检索</button>
						</div>
					</div>
				</div>
			</form>
		</div>
		</div>
					<div class="ui cards" id="allposit">
						<c:forEach items="${staffPoList}" var="datas">
							<div class="card" id="posti">
								<div class="content">
								<div class="meta" id = "allot">
	      		<a href="allot/student?staffid=${datas.staffId}"><i class="list icon"></i></a>
     			 </div>
									<div class="header">咨询师： ${datas.staffName}</div>
									<div class="description">已分配数：${datas.studentSum}</div>
									<div class="description">协作数：${datas.cooperationStuSum}</div>
								</div>
							</div>
						</c:forEach>
					</div>
					<div class="ui right floated pagination menu" id = "apage">
  	<c:if test="${apageSum > 1 }">  	
			<div class="page">
				<a <c:if test="${anowpage!=1}">href="allot/manager?anowpage=1${queryString}"</c:if>
					class="${anowpage == 1?'disable':''}">首页</a> <a
					<c:if test="${anowpage!=1}">href="allot/manager?anowpage=${anowpage-1}${queryString}"</c:if>
					class="${anowpage == 1?'disable':''}">上一页</a>
					<span>${anowpage}/${ apageSum} </span> <a
					<c:if test="${anowpage!=apageSum}">href="allot/manager?anowpage=${anowpage+1}${queryString}"</c:if>
					class="${anowpage == apageSum?'disable':''}">下一页</a> <a
					<c:if test="${anowpage!=apageSum}">href="allot/manager?anowpage=${apageSum }${queryString}"</c:if>
					class="${anowpage == apageSum?'disable':''}">最后一页</a> 
					
			</div>
		</c:if>
</div>
				</div>
				<div class="ui bottom attached tab segment" data-tab="second">
					<a href = "student?method=selectby">分配学员</a>
					</div>
			</div>
		</div>
	</div>
</body>
</html>